<%@ page contentType="text/html; charset=UTF-8" language="java"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
	<%@ include file="/common/meta.jsp"%>
	
	<!-- CSS  -->
	<link href="<c:url value="/resources/blueprint/screen.css" />" rel="stylesheet" type="text/css" />
	<link href="<c:url value="/resources/blueprint/ie.css" />" rel="stylesheet" type="text/css" />
	<link href="<c:url value="/resources/jqueryui/1.8.9/css/overcast/jquery-ui-1.8.9.custom.css" />" rel="stylesheet" type="text/css" />
	<link href="<c:url value="/resources/jqgrid/css/ui.jqgrid.css" />" rel="stylesheet" type="text/css" />
	<link href="<c:url value="/resources/jquerylayout/1.3/layout.css" />" rel="stylesheet" type="text/css" />
	
	<!-- JS Library -->
	
	
	<script type="text/javascript" src="<c:url value="/resources/jquery/1.4/jquery.js" />"></script>

	<script type="text/javascript"	src="<c:url value="/resources/jqueryui/1.8.9/jquery-ui-1.8.9.custom.min.js" />"></script>

	<script type="text/javascript"	src="<c:url value="/resources/jquerylayout/1.3/jquery.layout.js" />"></script>

	<script type="text/javascript"	src="<c:url value="/resources/jqgrid/i18n/grid.locale-cn.js" />"></script>

	<script type="text/javascript"	src="<c:url value="/resources/jqgrid/jquery.jqGrid.min.js" />"></script>
	
	<style type="text/css">

	/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
	.ui-layout-center ,	/* has content-div */
	.ui-layout-west ,	/* has Accordion */
	.ui-layout-east ,	/* has content-div ... */
	.ui-layout-east .ui-layout-content { /* content-div has Accordion */
		padding: 0;
		overflow: hidden;
	}
	</style>
	
	<script type="text/javascript">
            $.jgrid.no_legacy_api = true;
            $.jgrid.useJSON = true;
    </script>
	
</head>
<body>
	
<iframe id="mainFrame" name="mainFrame" class="ui-layout-center"
	width="100%" height="600" frameborder="0" scrolling="auto"
	src="http://plugins.jquery.com/project/Layout"></iframe>

	
	<div class="ui-layout-west">
		<ul>
			<li><a target="mainFrame" href="http://www.sina.com">sina</a></li>
			<li><a target="mainFrame" href="http://www.qidian.com">起点</a></li>
			<li><a target="mainFrame" href="http://www.google.com.hk">google</a></li>
			<li><a href="<c:url value="/logout"/>">退出</a></li>
		</ul>
	</div>

</body>
<script type="text/javascript">
	var myLayout; // init global vars

	$(document).ready(function() {

		//loyout布局
		myLayout = $('body').layout({
			west__size : 150,
			west__spacing_closed : 20,
			west__togglerLength_closed : 100,
			west__togglerAlign_closed : "center",
			west__togglerContent_closed : "菜<BR>单",
			west__togglerTip_closed : "打开菜单",
			west__togglerTip_open : "隐藏菜单"
		});

	});
</script>
</html>
















